<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="he">
<head>
<title>bid-it!</title>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css" media="all">


<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
<!--gh
<link href="assets/css/bidit.css" rel="stylesheet">
-->
<!--gh-->
   <!--this is extra to perform accordion multiple children-->
    <link href="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css" rel="stylesheet">
    

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />


<!--[if IE]>
        <style type="text/css" media="all">.borderitem {border-style: solid;}</style>
        <![endif]-->
        

        
      <!-- Placed at the end of the document so the pages load faster,
      those are extras to perform accordion multiple children -->

            <script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-collapse.js">
            </script>

            <script type="text/javascript">
                $(".collapse").collapse('show');
                //$('#accordion').collapse({hide: false})
            </script>
                <!--end of accordion extras-->






<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script src="assets/js/jQuery_bidit.js"></script> 
<script src="assets/js/bootstrap.min.js"></script> 

<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript" src="assets/js/course_data_client.js"></script>



  
  <!--guy-->
 <script type="text/javascript">
 
      google.load("visualization", "1", {packages:["corechart",'table']});
	  //google.load('visualization', '1', {packages:['table']});
      //google.setOnLoadCallback(drawTable);

      //google.setOnLoadCallback(drawChart);
    </script> 
	<script>
		window.g_bidDisplayModeChart = false;
		function toggleBiddingDisplayMode(pIsChart) {
		if((pIsChart && window.g_bidDisplayModeChart)||(!pIsChart && !window.g_bidDisplayModeChart)){
			g_bidDisplayModeChart = !g_bidDisplayModeChart;
			$('#%%chart_div').toggle();
			$('#table_table').toggle();
			}
		}

	</script>

<script>
		$('#table_table').hide();
</script>
 <!--guy-->
        
</head>

<body dir="rtl">

	
<!--guy-->




<!--first row-fluid-->

  <div class="row-fluid"> 
    
    <!--menu span12: for all screen-->
 
      <div class="navbar navbar-static-top navbar-inverse">
      
      
        <div class="navbar-inner span12">

        	<div class="span6 pull-right">
            <ul class="nav pull-right"> 
  			<li>
            <a class="brand" href="#"><small>הכל כבר כאן.</small></a>
         </li>
         <li>
          <a class="brand" href="#">!bid-it</a>
         </li>
		  </ul>
          </div>
          <div class="span4 pull-left">
          <ul class="nav">

          <a class="pull-left" href="#signInModal" data-toggle="modal"><button class="btn btn-medium btn-link" type="button"><i class="icon-user icon-white"></i> התחבר </button></a> 
        
 			</ul>
     </div>
      
      
    </div>
  </div>
  <!--end of manu row-fluid--> 


  
  <!--semesters buttons row-fluid-->
  
  <div class="row-fluid ">

 <div class="tabbable" style="margin:5px;"> 
    <ul class="nav nav-tabs">
      <li id="semesterA" class="active pull-right"><a href="#" data-toggle="tab">סמסטר א</a></li>
      <li id="semesterB" class="pull-right"><a href="#" data-toggle="tab">סמסטר ב</a></li>
    </ul>
    </div>

</div>

  <!--end of semesters buttons row-fluid--> 
  
  <!--2 : span9 for timetable and searches above, span3 for courses and      3 buttons-->
  
  
<div class="container-fluid" style="padding:0;">  
  
  
  <div class="row-fluid"> 
    
	  <!--optimize and its 3 buttons-->
<div class="span3 pull-right" style="padding-left: 5px; padding-right: 5px;"> 
 <div class="btn-toolbar row-fluid" >
  <div>
   <a href="#courseCatalogModal" id="chooseCourses_btn" role="button" data-toggle="modal" 
   style="display: block;" class="btn btn-primary btn-large span12"><i class="icon-plus icon-white"></i>
     בחר קורסים
   </a>   
  </div>
  </div>
  
  <!--start of serach area-->
  
        <div class="row-fluid"> 
        <!--searches-->
      <div class="span12 pull-right form-inline">
        		
              <input class="span12" type="text" placeholder="חפש קורס" style="margin: 0;">
		</div>
    </div> 
    
      <!--end of search area-->
    
  

  
  
  
  
   <!--accordion area-->
   <div class="span12 pull-right scrollable" style="overflow-y:auto; height:500px;">

      <div class="well well-small" style="margin:0;">
      	הקורסים שבחרתי 
      </div>
	
 	<div class="accordion" id="accordion2"> 
      
        
      </div>
                <!--end of accordion-->
	</div>
			<!--end of span12-->
    
  
  
</div>
	<!--end of span3--> 

	
    <!--searches and timetable span-->
    
    <div class="span9  pull-left">

     
   <!--end of row-fluid-->   
      
      
     <div class="row-fluid">
     
     <!--start of buttons area-->
     
  <!--i added the 10px padding-top-->
  <div class="btn-toolbar row-fluid" ><!--style="padding-top:10px"-->
  <div class="span12">
  <!--in the next 2 <a> there was  style="display: block; -->
   <a href="#optimizeModal"role="button" data-toggle="modal" 
   class="btn btn-info btn-large"><i class="icon-pencil icon-white"></i> בנה לי מערכת </a>  
    
    <a href="#saveModal" role="button" data-toggle="modal" 
    class="btn btn-info btn-large"><i class="icon-download-alt icon-white"></i>
    שמור מערכת
    </a>   
  </div>
 </div>
 
     <!--end of buttons area-->
 

     </div>
      <!--timetable-->
       <div id="timetable" class="span12 pull-right">
			
			
    
    <table  id="timeTable" width="100%" height="70%" class="table table-striped  table-bordered table-condensed">
    <div class="ttClasses" width="100%"></div>
      <thead>
        <tr class="info">
          <th width="4%"></th>
          <th width="16%">ראשון</th>
          <th width="16%">שני</th>
          <th width="16%">שלישי</th>
          <th width="16%">רביעי</th>
          <th width="16%">חמישי</th>
          <th width="16%">שישי</th>
        </tr>
      </thead>
      <tbody>
        <tr id="row_0800">
          <th id="hour08" class="timesColumn">08:00</th>
          <td id="00800"></td>
          <td id="10800"></td>
          <td id="20800"></td>
          <td id="30800"></td>
          <td id="40800"></td>
          <td id="50800"></td>
        </tr>
        <tr id="row_0900">
          <th id="hour09" class="timesColumn">09:00</th>
          <td id="00900"></td>
          <td id="10900"></td>
          <td id="20900"></td>
          <td id="30900"></td>
          <td id="40900"></td>
          <td id="50900"></td>
        </tr>
        <tr id="row_1000">
          <th id="hour10" class="timesColumn">10:00</th>
          <td id="01000"></td>
          <td id="11000"></td>
          <td id="21000"></td>
          <td id="31000"></td>
          <td id="41000"></td>
          <td id="51000"></td>
        </tr>
        <tr id="row_1100">
          <th id="hour11" class="timesColumn">11:00</th>
          <td id="01100"></td>
          <td id="11100"></td>
          <td id="21100"></td>
          <td id="31100"></td>
          <td id="41100"></td>
          <td id="51100"></td>
        </tr>
        <tr id="row_1200">
          <th id="hour12" class="timesColumn">12:00</th>
          <td id="01200"></td>
          <td id="11200"></td>
          <td id="21200"></td>
          <td id="31200"></td>
          <td id="41200"></td>
          <td id="51200"></td>
        </tr>
        <tr id="row_1300">
          <th id="hour13" class="timesColumn">13:00</th>
          <td id="01300"></td>
          <td id="11300"></td>
          <td id="21300"></td>
          <td id="31300"></td>
          <td id="41300"></td>
          <td id="51300"></td>
        </tr>
        <tr id="row_1400">
          <th id="hour14" class="timesColumn">14:00</th>
          <td id="01400"></td>
          <td id="11400"></td>
          <td id="21400"></td>
          <td id="31400"></td>
          <td id="41400"></td>
          <td id="51400"></td>
        </tr>
        <tr id="row_1500">
          <th id="hour15" class="timesColumn">15:00</th>
          <td id="01500"></td>
          <td id="11500"></td>
          <td id="21500"></td>
          <td id="31500"></td>
          <td id="41500"></td>
          <td id="51500"></td>
        </tr>
        <tr id="row_1600">
          <th id="hour16" class="timesColumn">16:00</th>
          <td id="01600"></td>
          <td id="11600"></td>
          <td id="21600"></td>
          <td id="31600"></td>
          <td id="41600"></td>
          <td id="51600"></td>
        </tr>
        <tr id="row_1700">
          <th id="hour17" class="timesColumn">17:00</th>
          <td id="01700"></td>
          <td id="11700"></td>
          <td id="21700"></td>
          <td id="31700"></td>
          <td id="41700"></td>
          <td id="51700"></td>
        </tr>
        <tr id="row_1800">
          <th id="hour18" class="timesColumn">18:00</th>
          <td id="01800"></td>
          <td id="11800"></td>
          <td id="21800"></td>
          <td id="31800"></td>
          <td id="41800"></td>
          <td id="51800"></td>
        </tr>
        <tr id="row_1900">
          <th id="hour19" class="timesColumn">19:00</th>
          <td id="01900"></td>
          <td id="11900"></td>
          <td id="21900"></td>
          <td id="31900"></td>
          <td id="41900"></td>
          <td id="51900"></td>
        </tr>
        <tr id="row_2000">
          <th id="hour20" class="timesColumn">20:00</th>
          <td id="02000"></td>
          <td id="12000"></td>
          <td id="22000"></td>
          <td id="32000"></td>
          <td id="42000"></td>
          <td id="52000"></td>
        </tr>
        <tr id="row_2100">
        
          <th id="hour21" class="timesColumn">21:00</th>
          <td id="02100"></td>
          <td id="12100"></td>
          <td id="22100"></td>
          <td id="32100"></td>
          <td id="42100"></td>
          <td id="52100"></td>
        </tr>       
      </tbody>
    </table>
    <div style="margin-top: 0px; margin-bottom: 30px;">
    	<div id="totalHours" style="display:inline-block; font-weight:bold;">שעות: 0</div>
    	 <span class="divider">  /  </span>
    	<div id="totalZchutHours" style="display:inline-block; font-weight:bold;">נקודות זכות: 0</div>
    </div>
    
   </div>
   <!--end of timetable-->
  
   
   
      
      </div>
      <!--end of span9--> 


</div>
    <!--end of row-fluid--> 
    
<!--end of rowfluid-->
</div>
<!--end of container-fluid-->


<!--calendar area-->

<div class="row-fluid pull-center span9 offset2">
	
    <div id="optimizeFutureMaybe" class="span3 pull-right">

    </div>
    

    
    
	<div class="span9">
    
  <div id="txtDate" >
 </div>
 
 	<div id="legend">

    </div>
 
</div>



</div>



<!--end of calendar area-->

<!--footer area-->
<div class="row-fluid">
  <div class="span12 pull-right">
  
  <br />
        <div class="navbar navbar-static-top navbar-inverse">
 
 <div class="navbar-inner">
          <ul class="nav pull-right">
                
             <li>
             <a href="contact.html"> ©    כל הזכויות שמורות לצוות !bid-it </a>
             
         
             </li>
</ul>

<ul class="nav pull-left">
                
             <li>
            <a href="contact.html"><i class="icon-envelope icon-white"></i> צור קשר </a>
             
         
             </li>
</ul>

   </div>
</div>
  </div>
</div>

<!--end of footer area-->





 
</div>
</body>
</html>